<template>
	<view class="pr pages">
		<image src="/static/top.png" class="top"></image>
		<view class="bottom dis  ">
			<!-- 	<view class="w100 dis jcsb" style="height: 180rpx; margin-bottom: 16rpx;">
				<image src="/static/1.png" style="width: 450rpx; " mode="widthFix" @click="goDetail(1)"></image>
				<image src="/static/2.png" style="width: 224rpx;" mode="widthFix" @click="goDetail(2)"></image>
			</view> -->
			<view class="w100 dis jcsb" style="height: 180rpx; margin-bottom: 16rpx;">
				<image src="/static/1.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(1)"></image>
				<image src="/static/12.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(12)"></image>
				<image src="/static/2.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(2)"></image>
			</view>
			<view class="w100 dis jcsb" style="height: 180rpx; margin-bottom: 16rpx;">
				<image src="/static/3.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(3)"></image>
				<image src="/static/4.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(4)"></image>
				<image src="/static/5.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(5)"></image>
			</view>

			<view class="w100 dis jcsb" style="height: 180rpx; margin-bottom: 16rpx;">
				<image src="/static/6.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(6)"></image>
				<image src="/static/7.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(7)"></image>
				<image src="/static/8.png" style="width: 218rpx;" mode="widthFix" @click="goDetail(8)"></image>
			</view>
			<view class=" dis g16">
				<image src="/static/9.png" style="width: 337rpx;" mode="widthFix" @click="goDetail(9)"></image>
				<view>
					<image src="/static/10.png" style="width: 337rpx;display: block; margin-bottom: 16rpx;"
						mode="widthFix" @click="goDetail(10)"></image>
					<image src="/static/11.png" style="width: 337rpx;display: block;" mode="widthFix"
						@click="goDetail(11)"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			goDetail(type) {
				if (type == '3') {
					window.open('https://www.wjx.cn/vm/mBbCS3q.aspx#', '_self')
					return
				}
				uni.navigateTo({
					url: '/pages/detail/detail?type=' + type
				})
			}
		}
	}
</script>

<style scoped>
	.pages {
		min-height: 100vh;
		width: 750rpx;
		background: #CBE7FF;
	}

	.top {
		width: 750rpx;
		height: 426rpx;
		display: block;
	}

	.bottom {
		width: 750rpx;


		padding: 30rpx;
		box-sizing: border-box;
		flex-wrap: wrap;

	}
</style>